<template>
  <div>
    <b-tag type="default" dot><span>default</span></b-tag>
    <b-tag type="primary" dot><span>primary</span></b-tag>
    <b-tag type="success" dot>success</b-tag>
    <b-tag type="info" dot>info</b-tag>
    <b-tag type="warning" dot>warning</b-tag>
    <b-tag type="danger" dot>danger</b-tag>
    <b-tag type="magenta" dot>magenta</b-tag>
    <b-tag type="red" dot>red</b-tag>
    <b-tag type="volcano" dot>volcano</b-tag>
    <b-tag type="orange" dot>orange</b-tag>
    <b-tag type="gold" dot>gold</b-tag>
    <b-tag type="cyan" dot>cyan</b-tag>
    <b-tag type="blue" dot>blue</b-tag>
    <b-tag type="geekblue" dot>geekblue</b-tag>
    <b-tag type="purple" dot>purple</b-tag>
  </div>
</template>
